import { Example, CommunityNote } from '../../components'
import { Link } from '@brillout/docpress'

<CommunityNote tool="antd" url="https://ant.design" hasExtension="react" />

## Manual integration

If you use <Link href="/vike-react">`vike-react`</Link>, you can manually integrate Ant Design by using:
- <Link href="/onBeforeRenderHtml" doNotInferSectionTitle />
- <Link href="/Wrapper" doNotInferSectionTitle />
- <Link href="/onAfterRenderHtml" doNotInferSectionTitle />

Examples of using Vike with Ant Design:
 - <Example timestamp="2024.11" repo="phonzammi/vike-react-antd-example" /> - Using <Link href="/vike-react">`vike-react`</Link>
 - <Example timestamp="2024.08" repo="lewis-fidlers/vike-react-antd" /> - Using <Link href="/vike-react">`vike-react`</Link>

## See also

- [Ant Design > Server Side Rendering](https://ant.design/docs/react/server-side-rendering)
- [vike#1804 Some help with injecting styles](https://github.com/vikejs/vike/discussions/1804)
